<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>百顺通云-功能概述</title>
	<link rel="shortcut icon" href="/images/user/favicon.png" type="image/x-icon">
    <link type="text/css" rel="stylesheet" href="/css/user/global.css" />
    <link type="text/css" rel="stylesheet" href="/css/user/img_turn.css" />
    <link type="text/css" rel="stylesheet" href="/css/user/mall/gngs-detail.css">
    <!-- 树节点插件 -->
 	<link href="/cdn/zTree_v3/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css">   
    <script type="text/javascript" src="/js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="/js/user/mall/bxCarousel.js"></script>
    <script type="text/javascript" src="/js/slides.min.jquery.js"></script>
    <script type="text/javascript" src="/js/user/mall/gngs-detail.js"></script>
    <script type="text/javascript" src="/js/user/ntabs.js"></script>
    <script type="text/javascript" src="/js/user/img_turn.js"></script>
</head>
<body>
<!--页面内容开始-->
<div class="Wrapper">
  <!---------------------------------页面头部及导航部分开始------------------------------------>
  <jsp:include page="../common/header.jsp"/>
  <!---------------------------------页面头部及导航部分结束------------------------------------>
  <div class="cl"></div>
    <!---------------------------------内容部分------------------------------------>
    <div class="content">
        <!---------------------------------左侧------------------------------------>
        <div class="main-l fl">
            <!--左侧列表-->
            <jsp:include page="tree_ul.jsp"/>
            <!--左侧列表结束-->
            
            <jsp:include page="../common/left.jsp"/>
        </div>
        <!---------------------------------左侧结束------------------------------------>
        <!---------------------------------右侧------------------------------------>
        <div class="main-r fr">
            <!---------------------------------轮播------------------------------------>
            <jsp:include page="../common/img_turn.jsp"/>
            <!---------------------------------轮播结束------------------------------------>
            <!--右侧应用产品部分开始-->
            <div class="cp_content">
              <!--------产品图片及简介---------->
              <div class="cp_imgcon">
                <!--------左边图片区域---------->
                <div class="cpimg_box">
                  <div class="cpimg_mok"><a href="#"><img src="${product.productImg}" width="258" height="198" /></a></div>
                </div>
                <!--------左边图片区域结束---------->
                <!--------右边文字介绍区域---------->
                <div class="right_textcon">
                    <dl>
                        <dt>${product.productName}</dt>
                        <dd>
                            <ul>
                              <c:forEach items="${list}" var="l">
                              	<li>● ${l}</li>
                              </c:forEach>
                           </ul>
                        </dd>
                        <dd><b>软件开发商：</b>浙江百顺通信息科技有限公司</dd>
                        <dd><b>版本编号：</b>${product.productVersion}</dd>
                    </dl>
                </div>
                <!--------右边文字介绍区域结束---------->
              </div>
              <!--------产品图片及简介结束---------->
              <!--------产品概述、详细参数、资料下载---------->
              <div class="intro_pro">
                <div class="tab_wrapper">
                  <div class="title_bar">
                    <ul class="tabs" id="myTab2">
                      <li class="active" onclick="nTabs(this,0);"><a href="#tab1">产品概述 </a></li>
                      <li class="sta" onclick="nTabs(this,1);"><a href="#tab2">产品功能</a></li>
                      <li class="sta" onclick="nTabs(this,2);"><a href="#tab3">产品优点</a></li>
                    </ul>
                  </div>
                  <div class="tab_container">
                    <div id="myTab2_Content0" class="tab_content tubiao" style="display:block;">${product.productSummarize}</div>
                    <div id="myTab2_Content1" class="tab_content" style="display:none;"> ${product.productFunction}</div>
                    <div id="myTab2_Content2" class="tab_content" style="display:none;"> ${product.productCharacter}</div>
                  </div>
                </div>
              </div>
              <!--------产品概述、详细参数、资料下载结束---------->
            </div>
            <!--右侧应用产品部分结束-->
        </div>
        <!---------------------------------右侧结束------------------------------------>
        <div class="cl"></div>
    </div>
    <!---------------------------------内容部分结束------------------------------------>
    <!---------------------------------footer------------------------------------>
    <jsp:include page="../common/footer.jsp"/>
    <!---------------------------------footer结束------------------------------------>  
</div>
<!--页面内容结束-->
<jsp:include page="createtree.jsp"></jsp:include>
</body>
</html>
